<template>
  <nut-searchbar v-model="sockets">
    <template #leftin>
      <Search2 color="#fa2c19"/>
    </template>
    <template #rightin>
      <Photograph/>
      <img src="@/assets/img/vector.png" class="vector" alt="">
      <Scan2/>
    </template>
  </nut-searchbar>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import {Photograph, Scan2, Search2} from "@nutui/icons-vue";
const sockets = ref('')
</script>

<style scoped lang="scss">
.vector {
  @apply w-[1];
  @apply m-1;
  @apply h-5;
}

</style>